<!DOCTYPE html>
<html lang="en">

<head>
    <title>党课测验</title>
    <meta charset="UTF-8">
    <link href="dk-exam.css" rel="stylesheet">
</head>

<body>
    <div class="header">
        <div class="head">
            <div class="head-content">
                <div class="head-left">
                    　　郑州大学党课学习测验平台
                </div>
                <div class="head-right">
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                </div>
            </div>
            <div class="borders">

            </div>
        </div>
        <div class="navi">
            <div class="navi-content">
                <a href="#"><span>党课学习</span></a>
                <a href="#"><span>学习测验</span></a>
                <a href="#"><span>历史成绩</span></a>
                <a href="#"><span>个人资料</span></a>
            </div>
        </div>
    </div>
    <div class="exam">
        <div class="exam-content">
            <div style=" height: 450px;">
                <div class="msg">
                    <div class="exam-msg">
                        <fieldset class="exam-msg-field">
                            <legend>理论考试</legend>
                            <p><span>第01考场</span></p>
                        </fieldset>
                    </div>
                    <div class="student-mes">
                        <fieldset class="exam-msg-field-center">
                            <legend>考生信息</legend>
                            <img src(unknown)/>
                            <p>考生姓名：</p>
                            <p>考试考题：100题</p>
                            <p>考试时间：45分钟</p>
                            <p>合格标准：满分100分</p>
                            <p><a>90及格</a></p>
                        </fieldset>
                    </div>
                    <div class="timeout">
                        <fieldset class="exam-msg-field-bottom">
                            <legend>剩余时间</legend>
                            <p id="time">50:00</p>
                        </fieldset>
                    </div>
                </div>

                <div class="content">
                    <div class="test">
                        <fieldset class="exam-msg-field-right">
                            <legend>考试题目</legend>
                            <div class="content-left">
                                <p>1.打开后雾灯开关，（如图所示）亮起。</p>
                                <div class="content-left-select">
                                    <p>A、正确</p>
                                    <p>B、错误</p>
                                </div>
                            </div>
                            <div class="content-right">
                                <img src="../images/ti.jpg" alt="">
                                <p>查看大图</p>
                            </div>
                            <div class="content-bottom">
                                <label>请选择:</label>
                                <button type="button">A</button>
                                <button type="button">B</button>
                            </div>
                        </fieldset>
                    </div>

                    <!--</div>-->

                    <div class="console">
                        <div class="warn">
                            <fieldset class="warn-content">
                                <legend>提示信息</legend>
                                <p>判断题，请判断对错！</p>
                            </fieldset>
                        </div>
                        <!-- 按钮 -->
                        <div class="operation">
                            <input type="button" value="上一题" class="operation-change">
                            <input type="button" value="下一题" class="operation-change">
                            <input type="button" value="交卷" class="operation-submit">
                        </div>
                    </div>
                </div>
            </div>
            <!-- 答题信息 -->
            <div class="answer">
                <fieldset class="answer-content">
                    <legend>答题信息</legend>
                    <div class="answer-content-btn">
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>9</li>
                            <li>10</li>
                            <li>11</li>
                            <li>12</li>
                            <li>13</li>
                            <li>14</li>
                            <li>15</li>
                            <li>16</li>
                            <li>17</li>
                            <li>18</li>
                            <li>19</li>
                            <li>20</li>
                            <li>21</li>
                            <li>22</li>
                            <li>23</li>
                            <li>24</li>
                            <li>25</li>
                            <li>26</li>
                            <li>27</li>
                            <li>28</li>
                            <li>29</li>
                            <li>30</li>
                            <li>31</li>
                            <li>32</li>
                            <li>33</li>
                            <li>34</li>
                            <li>35</li>
                            <li>36</li>
                            <li>37</li>
                            <li>38</li>
                            <li>39</li>
                            <li>40</li>
                            <li>41</li>
                            <li>42</li>
                            <li>43</li>
                            <li>44</li>
                            <li>45</li>
                            <li>46</li>
                            <li>47</li>
                            <li>48</li>
                            <li>49</li>
                            <li>50</li>
                            <li>51</li>
                            <li>52</li>
                            <li>53</li>
                            <li>54</li>
                            <li>55</li>
                            <li>56</li>
                            <li>57</li>
                            <li>58</li>
                            <li>59</li>
                            <li>60</li>
                            <li>61</li>
                            <li>62</li>
                            <li>63</li>
                            <li>64</li>
                            <li>65</li>
                            <li>66</li>
                            <li>67</li>
                            <li>68</li>
                            <li>69</li>
                            <li>70</li>
                            <li>71</li>
                            <li>72</li>
                            <li>73</li>
                            <li>74</li>
                            <li>75</li>
                            <li>76</li>
                            <li>77</li>
                            <li>78</li>
                            <li>79</li>
                            <li>80</li>
                            <li>81</li>
                            <li>82</li>
                            <li>83</li>
                            <li>84</li>
                            <li>85</li>
                            <li>86</li>
                            <li>87</li>
                            <li>88</li>
                            <li>89</li>
                            <li>90</li>
                            <li>91</li>
                            <li>92</li>
                            <li>93</li>
                            <li>94</li>
                            <li>95</li>
                            <li>96</li>
                            <li>97</li>
                            <li>98</li>
                            <li>99</li>
                            <li>100</li>
                        </ul>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>


    <div class="footer">
        <div class="footer-content">

            <div class="footer-content-left">
                <div class="footer-logo">
                    <img src="../images/zzu.png" alt="" style="width:150px;">
                </div>
                <div class="footer-txt">
                    郑州大学<br><br> 党课学习测验平台
                </div>
            </div>
            <div class="footer-content-right">
                <p>
                    <span><a href="http://www.12371.cn/">中共党员网</a>　</span>
                    <span><a href="http://www.12371.cn/special/zggcdzc/zggcdzcqw/">中国共产党章程</a></span>
                </p>
                <p>
                    <span><a href="http://cpc.people.com.cn/">中国共产党新闻网</a>　</span>
                    <span><a href="http://lxyz.12371.cn/">两学一做学习教育网</a></span>
                </p>
                <p>地址：郑州市科学大道100号 　邮编：450001</p>

            </div>
        </div>
    </div>
</body>

</html>